import Taro, {Component} from '@tarojs/taro'
import {View, Text, Swiper, SwiperItem, Image} from '@tarojs/components'
import { getRuntime } from "../../utils/common";
import {IStoreProps} from '../../store/Stores'
import {toJS} from 'mobx'
import {inject, observer} from '@tarojs/mobx'

import FooterInfo from '../../components/FooterInfo'
import FooterMenu from '../../components/FooterMenu'
import './repaymentRecord.less'

import banner_01 from '../../assets/img/banner_01.jpg'
import nav_02 from '../../assets/img/nav_11.png'


interface IHomeProps extends IStoreProps {}

@inject("stores")
@observer
class RepaymentRecord extends Component<IHomeProps> {
  constructor(props) {
    super(props)
  }

  state = {
  }

  componentWillMount() {
    Taro.setNavigationBarTitle({title: '还款明细'})
  }

  componentDidMount() {
  }


  link(url: string = '/pages/index/index'): void {
    getRuntime().navigateTo(url)
  }

  componentWillUnmount() {
  }

  componentDidShow() {
  }

  componentDidHide() {
  }

  render() {
    return (
      <View className='repayment-record'>
        <View className='list-06-item'>
          <View className='date'>2019-12-12 12:12</View>
          <View className='list-06-con' onClick={this.link.bind(this,'/pages/card/repaymentDetail')}>
            <Image className='left-img' src={require('../../assets/img/img_01.jpg')} />
            <View className='center'>
                <View className='title'>建设银行(2655)</View>
                <View className='name font-dark'>信用卡 邓师</View>
                <View className='start f22'>起动金额：<Text className='small'>￥</Text><Text className='money'>800.00</Text></View>
                <View className='start f22'>还款金额：<Text className='small'>￥</Text><Text className='money'>800.00</Text></View>
            </View>
            <View className='left'>
              <View className='status color-theme'>执行中</View>
              <View className='view-detail'>查看详情</View>
            </View>
          </View>
        </View>
        <View className='list-06-item'>
          <View className='date'>2019-12-12 12:12</View>
          <View className='list-06-con'>
            <Image className='left-img' src={require('../../assets/img/img_01.jpg')} />
            <View className='center'>
              <View className='title'>建设银行(2655)</View>
              <View className='name font-dark'>信用卡 邓师</View>
              <View className='start f22'>起动金额：<Text className='small'>$</Text><Text className='money'>800.00</Text></View>
              <View className='start f22'>还款金额：<Text className='small'>$</Text><Text className='money'>800.00</Text></View>
            </View>
            <View className='left'>
              <View className='status'>已完成</View>
              <View className='view-detail'>查看详情</View>
            </View>
          </View>
        </View>
      </View>
    )
  }
}

export default RepaymentRecord
